/*app.wxss*/


/* #ifndef APP-NVUE */

page {
    background-color: #FFF;
    font-size: 28rpx;
    color: $uni-text-color-grey;
}

view {
    box-sizing: border-box;
}

button::after {
    border: none;
}

.container {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
}

.ellip {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5;
    z-index: 8;
}


/*按钮样式*/
.f-22 {
    font-size: 22rpx;
}

.f-34 {
    font-size: 34rpx;
}

.f-32 {
    font-size: 32rpx;
}

.f-31 {
    font-size: 31rpx;
}

.f-30 {
    font-size: 30rpx;
}

.f-29 {
    font-size: 29rpx;
}

.f-28 {
    font-size: 28rpx;
}

.f-26 {
    font-size: 26rpx;
}

.f-24 {
    font-size: 24rpx;
}

.f-36 {
	font-size: 36rpx;
}

.f-42 {
	font-size: 42rpx;
}

.dis-flex {
    display: flex;
}

.dis-wrap {
    flex-wrap: wrap;
}

.flex-all {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.flex-box {
    flex: 1;
}

.flex-dir-row {
    flex-direction: row;
}

.flex-dir-column {
    flex-direction: column;
}

.flex-x-center {
    justify-content: center;
}

.flex-x-between {
    justify-content: space-between;
}

.flex-x-around {
    justify-content: space-around;
}

.flex-x-start {
    justify-content: flex-start;
}

.flex-x-end {
    justify-content: flex-end;
}

.flex-y-center {
    align-items: center;
}

.flex-five {
    box-sizing: border-box;
    flex: 0 0 50%;
}

.flex-two {
    box-sizing: border-box;
    flex: 0 0 45%;
}

.flex-three {
    float: left;
    width: 33.3%;
}

.flex-four {
    box-sizing: border-box;
    flex: 0 0 25%;
}

.tac {
    text-align: center;
}

.u-button--primary {
    background: $uni-bg-color !important;
    border-color: $uni-bg-color !important;
}

.u-form-item {
    margin: 0;
}

.safe-tab {
	padding-bottom: env(safe-area-inset-bottom);
}

// 颜色
.c-00 {
	color: #000;
}
.c-7E {
	color: #7E7E7E;
}
.c-25 {
	color: #252525;
}
.c-BB {
	color: #BBBBBB;
}
.bc-00 {
	background-color: #000000;
}
.c-ff {
	color: #FFF;
}


.fb {
	font-weight: bold;
}


.clip {
	overflow: hidden;
}
.clearfix {
    clear: both;
}

.vague {
    filter: blur(1px);
    backdrop-filter: blur(1px);
}

.vague2 {
  filter: blur(2px);
  backdrop-filter: blur(2px);
}

/* #endif */